<template>
  <div class="finance">
      <Layout>
        <Sider hide-trigger :style="{background: '#fff'}">
          <Menu active-name="summary" :open-names="['1']" theme="light" width="auto" @on-select="toSelectMenu">
            <Submenu name="1">
              <template slot="title">
                <Icon type="md-podium" />
                报表管理
              </template>
              <MenuItem name="summary"><Icon type="md-git-compare"></Icon>汇总表</MenuItem>
              <MenuItem name="income"><Icon type="md-list"></Icon>利润表</MenuItem>
            </Submenu>
            <MenuItem name="receipt">
              <Icon type="ios-people"></Icon>
              <span>资金管理</span>
            </MenuItem>
            <MenuItem name="wages">
              <Icon type="md-menu"></Icon>
              <span>工资核算</span>
            </MenuItem>
            <Submenu name="inventory">
              <template slot="title">
                <Icon type="md-podium" />
                库存管理
              </template>
              <MenuItem name="goods"><Icon type="logo-dropbox"></Icon>库存列表</MenuItem>
              <MenuItem name="inbound"><Icon type="md-git-compare"></Icon>入库单列表</MenuItem>
              <MenuItem name="outbound"><Icon type="md-git-compare"></Icon>出库单列表</MenuItem>
            </Submenu>
            <MenuItem name="project">
              <Icon type="md-menu"></Icon>
              <span>项目管理</span>
            </MenuItem>
          </Menu>
        </Sider>
        <router-view/>
      </Layout>
  </div>
</template>

<script>
    export default {
        name: "index",
        data() {
            return {}
        },
        methods: {
          toSelectMenu(target){
             this.$router.push('f-'+target);
          },
          jump(e){
            this.$router.push(e);
          }
        },
        computed: {},
        props: {},
        components: {},
        mounted() {
        },
        created() {
        }
    }
</script>

<style scoped>


</style>
